var appHeader = new Vue({
    el: '#appHeader',
    data: {
        isShow: true,
        right: {className: 'icon-home', link: '/'}
    },
    methods: {
        handleBack: function () {
            window.history.back();
        },
        resize: function () {
            var app = document.querySelector('#app');
            if (this.isShow) {
                app.style.paddingTop = '40px';
            } else {
                app.style.paddingTop = '0px';
            }
        }
    },
    watch: {
        isShow: function (value) {
            this.resize();
        }
    },
    mounted: function () {
        this.resize();
    }
});
var appFooter = new Vue({
    el: '#appFooter',
    data: {
        isShow: false
    },
    methods: {
        handleBack: function () {
            window.history.back();
        },
        resize: function () {
            var body = document.querySelector('body');
            if (this.isShow) {
                body.style.paddingBottom = '60px';
            } else {
                body.style.paddingBottom = '0px';
            }
        }
    },
    watch: {
        isShow: function (value) {
            this.resize();
        }
    },
    mounted: function () {
        this.resize();
    }
});